<template>
    <div>
        <b>豆瓣</b><van-tag round type="primary">打开App</van-tag>
        <van-search v-model="value" placeholder="请输入搜索关键词" />
        <img src="./img/db.png" alt="" style="width: 100%;">
        <van-cell-group inset>
            <van-cell title="Top Maker" value="内容" label="北京" />
            <van-cell title="16" value="内容" label="广播" />
        </van-cell-group>
        <img src="./img/gz.png" alt="">
        <van-text-ellipsis :content="text">
            <template #action="{ expanded }">{{ expanded ? '收起' : '展开' }}</template>
        </van-text-ellipsis>


    </div>
</template>

<script setup>
const text = '慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。';


</script>

<style lang="scss" scoped>
b {
    margin-top: 8px;
    font-size: 20px;
    color: rgb(19, 172, 121);
}

.van-tag {
    margin-top: 8px;
    float: right;
    width: 50px;
    height: 20px;

}
</style>